.patient-info {
  width: 100%;
  height: calc(100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  font-family: "Times New Roman", "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif, MicrosoftYaHeiLight, "Microsoft YaHei Light", "Microsoft YaHei";

  .patient-info-inside {
    text-align: center;
    width: 100%;
    background: rgba(234, 240, 240, 0.7);
    border-radius: 30px 30px 0 0;
    height: calc(100%);
    padding: 20px 30px;
    box-sizing: border-box;
    overflow: hidden;

    .header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 0 60px 28px 60px;
      box-sizing: border-box;

      .item {
        align-self: center;
      }

      .middle {
        padding: 0 40px;
        font-size: 52px;
        box-sizing: border-box;
        font-weight: 580;
        line-height: 1.38;
        .fontColor{
          color: blue;
        }
      }

      .left,
      .right {
        box-sizing: border-box;

        img {
          height: 60px;
          object-fit: cover;
        }
      }
    }

    .patient-info-area-box {
      height: calc(100% - 80px);
      overflow: scroll;
    }

    .collectBox {
      font-weight: 500;
      font-size: 32px;
      width: 100%;
      display: flex;
      justify-content: center;
      margin: 20px 0;

      .conncetBox {
        width: 956px;
        height: 90px;
        line-height: 90px;
        color: #F59E24;
        background: #ECE9DC;
        border-radius: 45px;
      }
    }

    .patient-info-area {
      // height: calc(100% - 80px);
      background: rgba(255, 255, 255, 1);
      background: #FFFFFF;
      padding: 20px 0 10px 0;
      box-sizing: border-box;
      border-radius: 40px;
      // overflow: hidden;
      // overflow: scroll;
      margin-bottom: 10px;

      .el-col {
        font-size: 44px;
        line-height: 1.4;
        display: flex;
        flex-direction: row;
        padding: 10px 70px 0 70px;
        // justify-content: space-between;
        background: rgba(19, 206, 102, 0);

        &:nth-child(2) {
          padding-top: 20px;
        }

        .sign {
          color: #666666;
        }

        .content {
          color: #333333;
        }
        .colorRed{
          color: red;
        }
        .colorOrange{
          color: orange;
        }
      }
    }
    .last {
      margin: 24px 0;
      display: flex;
      justify-content: center;
      .item {
        width: 424px;
        height: 98px;
        line-height: 98px;
        background: #0059B3;
        border-radius: 20px;
        font-weight: 500;
        font-size: 40px;
        color: #FFFFFF;
      }

    }
  }
}